{extend name="public/base" /}
{block name="css"}
<link rel="stylesheet" href="/static/lib/dplayer/DPlayer.min.css">
{/block}
{block name="title"}
{$videoTitle}--{$webInfo.webname}
{/block}
{block name="content"}
<div class="row">
    <div class="col-sm-12 col-md-8">
        <div class="page-header h3">{$videoTitle|default="文章"}列表</div>
        <div class="article-list">
            {volist name="videos" id="vo"}
            <div class="article-list-item">
                <a href="{:url('index/video/video', ['id' => $vo.id])}" class="title">{$vo.title}</a>
                <div class="info">
                    <span class="author">作者：{$vo.author}</span>-
                    <span class="time">发布时间：{$vo.create_time}</span>-
                    <span class="read">阅读：{$vo.click}</span>-
                    <span class="comment">评论：{$vo.comm_num}</span>
                </div>
            </div>
            {/volist}
        </div>
        <nav class="">
            {$videos->render()|raw}
        </nav>
    </div>
    <div class="col-sm-12 col-md-4">
        <div class="page-header h3">推荐文章</div>
        <div class="topic-list">
            {volist name="topArticles" id="vo"}
            <div class="topic-list-item">
                <a href="{:url('index/article/info', ['id' => $vo.id])}" class="title">{$vo.title}</a>
            </div>
            {/volist}
        </div>
    </div>
</div>
{/block}
{block name="footer"}
<div class="footer" style="position: fixed;bottom: 0;width: 100%;">
    <p>Copyright 2018 <a href="#">{$webInfo.copyright}</a> All Rights Reserved</p>
</div>
{/block}
{block name="js"}
<script src="/static/lib/dplayer/DPlayer.min.js"></script>
<script>
    var dp = new DPlayer({
        container:$('#dplayer')[0],
        lang:'zh-cn',
        screenshot:true,
        video:{
            quality:[
                {
                    name:'流畅',
                    url:'http://p6xjjgn9d.bkt.clouddn.com/01%E3%80%81%E9%A1%B9%E7%9B%AE%E5%88%86%E6%9E%90%E5%92%8C%E6%95%B0%E6%8D%AE%E5%BA%93%E8%AE%BE%E8%AE%A1.mp4',
                    type:'auto'
                },
                {
                    name:'标清',
                    url:'http://p6xjjgn9d.bkt.clouddn.com/01%E3%80%81%E9%A1%B9%E7%9B%AE%E5%88%86%E6%9E%90%E5%92%8C%E6%95%B0%E6%8D%AE%E5%BA%93%E8%AE%BE%E8%AE%A1.mp4',
                    type:'auto'
                }
            ],
            defaultQuality:0
        }
    });
</script>
{/block}